C S S   -   Cascading Style Sheets

4.   HTML-elemente gestalten

4.4  transparenz

Normalerweise sind farben undurchsichtig, d.h. wenn sich zwei elemente überlappen, läßt das obere das untere nicht durchscheinen. Mit der eigenschaft opacity läßt sich das ändern.

opacity: wert;

Für wert sind angaben zwischen 0 (durchsichtig) und 1 (undurchsichtig) möglich; undurchsichtig ist der standardwert, wenn opacity nicht angegeben ist. Die transparenz bezieht sich auf text- und hintergrundfarbe eines elements gegenüber einem element, über dem es liegt.

beispiel
Die transparenz der zeile (text- texthintergrund) gegenüber der hintergrundfarbe des containers nimmt von durchsichtig (opacity 0) bis undurchsichtig (opacity 1) ab, d.h. die zeile mit ihrem hintergrund ist zunächst völlig durchsichtig (ist also nicht sichtbar) und zuletzt völlig sichtbar.

opacity 0

opacity 0.1

opacity 0.3

opacity 0.5

opacity 0.7

opacity 1 = normal

hinweis
Die transparenz der textzeilen (text und hintergrund) gegenüber dem hintergrund des containers nimmt von durchsichtig bis undurchsichtig zu, d.h. die textzeile ist anfangs nicht sichtbar und überdeckt zuletzt den container völlig.


zum untermenü


    IMPRESSUM  

    KONTAKT  

    PRIVAT  

    D O K U  


  H T M L  
  c s s
  P H P  
  My S Q L  
  JAVASCRIPT